<!DOCTYPE html>
<html>

<head>
	<title>在线预览</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8">
	<script type="text/javascript" src="base/spreadsheet.js?v=3.1.4"></script>
	<link rel="stylesheet" href="base/spreadsheet.css?v=3.1.4">
	<link rel="stylesheet" href="common/index.css?v=3.1.4">
	<script type="text/javascript" src="common/countriesdataset.js?v=3.1.4"></script>
</head>

<body>
<header>
	<div class="dhx_sample-header__main">
		<nav class="dhx_sample-header__breadcrumbs">
			<ul class="dhx_sample-header-breadcrumbs">
				<li class="dhx_sample-header-breadcrumbs__item">
					<a href="../" class="dhx_sample-header-breadcrumbs__link">EXCLE</a>
				</li>
				<li class="dhx_sample-header-breadcrumbs__item">
					<a href="./" class="dhx_sample-header-breadcrumbs__link">在线</a>
				</li>
				<li class="dhx_sample-header-breadcrumbs__item">
					<span class="dhx_sample-header-breadcrumbs__link">预览</span>
				</li>
			</ul>
		</nav>
		<h1 class="dhx_sample-header__title">
        </h1>
	</div>
</header>
		<section class="dhx_sample-controls">
			<button class="dhx_sample-btn dhx_sample-btn--flat" onclick="exportXlsx()">导出xlsx</button>
		</section>

	<section class="dhx_sample-container" >
		<div class="dhx_sample-container__widget" style="height: 500px" id="cont"></div>
	</section>
	<script>
		///var spreadsheet = new dhx.Spreadsheet("cont");
		var spreadsheet = new dhx.Spreadsheet("cont", {
				menu: true,
				///toolbarBlocks: ["default", "file"],

		});		
		
		spreadsheet.load("common/dataset.csv", "csv");
		function exportXlsx() {
				spreadsheet.export.xlsx();
		}		
		
		
	</script>
</body>

</html>